/**************************************************************************************** Import */
import _ from 'lodash';
import React, {Component} from 'react';
import { View, TextInput } from 'react-native';
import { Icon,  List, Button, InputItem, Tabs, TextareaItem, DatePicker } from 'antd-mobile-rn';
import { CAround, CBetween, CCenter, CColumn, CFloat, CHand, CItemX, CItemY, CLine, CLoad, CRow, CWrap, CBone, CIcon, CImage, CSvg, CText, CFull, CScroll, CFooter, CHeader, CPage, CButton, CLabel, PTabbar, PHeader } from '../../library/comp';
import { Dialog, Http, PageBase } from '../../library/func';
import Design from '../../design';
import Config from '../../config';

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class CatAll extends PageBase {
	constructor(props) {
        super(props);
		this.state = {
            list:[]
		};
    }

    /************************************************************************************ Life */
    /**
     * didMount
     */
    componentDidMount(){
        // HttpTemp.get({
        //     url:"/CPage/category/list.php",
        //     success:(res) => {
        //         let data = res.data;
        //         this.setState({
        //             list:data
        //         })
        //     }
        // })
    }

	/************************************************************************************ Render */
	render() {

        let colnum = Math.ceil(this.state.list.length / 4);
        let col_arr = [];
        for(var i = 1; i<=colnum; i++){
            col_arr.push(i);
        }
        
        return (
			<CPage>
                
				{/* 内容部分 */}
				<CScroll mt='96' bg='#efeff4' mb='90'>

                    {/* 更多服务全部内容 第一行 */}
                    <CRow bg='#fff' px='20' py='40' bb='solid #f0f0f0 1'>

                        <CHand f='1' x='center' onPress={(e)=> { this.nav.navigate('Service_Fees'); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#ea9518" width="28" height="28" my='2' icon={ Design.icon["server-fee"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>物业缴费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { this.nav.navigate('Service_Report'); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#59aaff" width="30" height="30" icon={ Design.icon["server-xiu"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>报修</CText>
                            </CItemY>
                        </CHand>
                        
                        <CHand f='1' x='center' onPress={(e)=> {
                                this.nav.navigate('Service_Gateway');
                                // Dialog.text('您所在的小区暂未开启此功能', 1);
                            }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#3cba6a" width="30" height="30" icon={ Design.icon["server-door"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>一键开门</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                                // this.nav.navigate('User_Setting_House');
                                Dialog.text('您所在的小区暂未开启此功能', 1);
                            }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#2ca2df" width="28" height="28" my='2' icon={ Design.icon["server-room-make"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>我的房屋</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    {/* 更多服务全部内容 第二行 */}
                    <CRow bg='#fff' px='10' py='40' bb='solid #f0f0f0 1'>

                        <CHand f='1' x='center' onPress={(e)=> {
                                this.nav.navigate('Service_Vistor');
                                // Dialog.text('您所在的小区暂未开启此功能', 1);
                            }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-rekou"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>访客通行</CText>
                            </CItemY>
                        </CHand>                    

                        <CHand f='1' x='center' onPress={(e)=> {
                                this.nav.navigate('User_Setting_Car');
                                // Dialog.text('您所在的小区暂未开启此功能', 1);
                            }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-makecleancar"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>我的车辆</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                                // this.nav.navigate('User_Listing_Bill');
                                Dialog.text('您所在的小区暂未开启此功能', 1);
                            }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#fdb368" width="30" height="30" icon={ Design.icon["server-moneylist"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>帐单</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#1296db" width="30" height="30" icon={ Design.icon["server-kefu"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>投诉</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    {/* 更多服务全部内容 第三行 */}
                    <CRow bg='#fff' px='10' py='40' bb='solid #f0f0f0 1'>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="28" height="28" my='2' icon={ Design.svg["server-cheweisuo"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>车辆解锁</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-suozhanji"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>申请开闸</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#5330c2" width="30" height="30" icon={ Design.icon["server-partcar"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>剩余车位</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-chweisuohuome"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>车位锁</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    {/* 更多服务全部内容 第四行 */}
                    <CRow bg='#fff' px='10' py='40'>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#22b573" width="30" height="30" icon={ Design.icon["server-phone"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>手机开门</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-cameria"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>可视对讲</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#1296db" width="30" height="30" icon={ Design.icon["server-dianti"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>乘坐电梯</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> { Dialog.text("您所在的小区暂未开启此功能", 1); }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-person-ziliao"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>放行条</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    {/* 更多服务标题 */}
                    <CRow pa='20'>
                        <CText color='#a6a6a6' size='24'>更多服务</CText>
                    </CRow>
                    {/* 更多服务结束 */}

                    {/* 更多服务 第一行 */}
                    <CRow bg='#fff' px='10' py='40' bb='solid #f0f0f0 1'>
                        
                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#3c3c3c" width="30" height="30" icon={ Design.tabbar["tab_shop"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>抢购</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            this.nav.navigate('Service_Cartpark');
                            // Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-tingche"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>租车位</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#e06431" width="28" height="28" my='2' icon={ Design.icon["server-conmoney"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>车位续费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('')
                        }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-kuaidi"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>快递服务</CText>
                            </CItemY>
                        </CHand>
                    </CRow>
                    
                    {/* 更多服务 第二行 */}
                    <CRow bg='#fff' px='10' py='40' bb='solid #f0f0f0 1'>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#f6b93b" width="26" height="26" my='4' icon={ Design.icon["server-msg"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>小区头条</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="30" height="30" icon={ Design.svg["server-wuyefei"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>生活缴费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#f58f09" width="30" height="30" icon={ Design.icon["server-money"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>代客缴费</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#2ea908" width="30" height="30" icon={ Design.icon["server-safe"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>家庭安防</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

                    {/* 更多服务 第三行 */}
                    <CRow bg='#fff' px='10' py='40' bb='solid #f0f0f0 1'>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#1296db" width="30" height="30" icon={ Design.icon["server-love-give"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>健康资讯</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CSvg width="28" height="28" my='2' icon={ Design.svg["server-infort"] }></CSvg>
                                <CText group={ Design.global.serviceItemText }>信报箱</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#2fbd8b" width="30" height="30" icon={ Design.icon["server-make-t"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>社区投票</CText>
                            </CItemY>
                        </CHand>

                        <CHand f='1' x='center' onPress={(e)=> {
                            // this.nav.navigate('Service')
                            Dialog.text("您所在的小区暂未开启此功能", 1);
                        }}>
                            <CItemY f='1' x='center'>
                                <CIcon color="#d81e06" width="30" height="30" icon={ Design.icon["server-party"] }></CIcon>
                                <CText group={ Design.global.serviceItemText }>智慧党建</CText>
                            </CItemY>
                        </CHand>

                    </CRow>

				</CScroll>
                
                {/* header */}
				<PHeader nav={this.nav}>全部服务</PHeader>
                
				{/* 底部 */}
                <PTabbar current='Service' nav={this.nav}></PTabbar>
                
			</CPage>
		);
	}
}